﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>mytodolist</title>
    <link href="css/index.css" rel="stylesheet" />
</head>
<body>
    <div class="content">
        <header>
            <div class="block">
                <form action="javascript:addEvents()"id="form">
                   <div class="label">ToDoList</div>
                    <input type="text" id="event" placeholder="添加ToDo" required="required" />
                </form>
            </div>
        </header>
        <div class="block">
            <h2 onclick="save()">正在进行<span id="thingNum">0</span></h2>
            <ul id="eventList" class="demo-box" >
            </ul>
            <h2 style="color:black">已经完成<span id="thingNum2">0</span></h2>
            <ul id="donelist">
            </ul>
        </div>
    </div>
    <script src="https://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
    <script src="JS/index.js"></script>
</body>
</html>